$(function () {

	$("#left li:first-child").addClass("active");
	var e;
	//商品点击增加
	$(".add").click(function () {
		var n = $(this).prev().text();
		var num = parseFloat(n) + 1;
		e = $(this).prev();//当前数量
		var ms = e.text(num - 1);
		if (ms != 0) {      //判断是否显示减号及数量
			e.css("display", "inline-block");
			e.prev().css("display", "inline-block")
		}
		e.text(num); //设置数量
		var parent = $(this).parent();
		var m = parent.parent().children("h4").text(); //当前商品名称
		var danjia = $(this).next().text(); //获取单价
		var a = $("#totalpriceshow").html();  //获取当前所选总价
		$("#totalpriceshow").html((a * 1 + danjia * 1).toFixed(2));//计算当前所选总价
		var nm = $("#totalcountshow").html(); //获取数量
		$("#totalcountshow").html(nm * 1 + 1);
		jss();   //改变按钮样式

		var acount = num;
		var sum = (danjia * acount).toFixed(2);
		var price = danjia;
		//判断购物车里是否有商品，是否有相同规格的商品
		if ($(".list-content ul li").length <= 0) {
			var addtr = '<li class="food">';
			addtr += '<div><span class="accountName">' + m + '</span></div>';
			addtr += '<div><span>￥</span><span class="accountPrice">' + sum + '</span></div>';
			addtr += '<div class="btn">';
			addtr += '<button class="ms2" style="display: inline-block;"></button>';
			addtr += '<i class="li_acount">' + acount + '</i>';
			addtr += '<button class="ad2"></button>';
			addtr += '<i class="price" style="display: none;">' + price + '</i>';
			addtr += '</div>';
			addtr += '</li>';
			$(".list-content ul").append(addtr);
			return;
		} else {
			$(".list-content ul li").each(function () {
				if ($(this).find("span.accountName").html() == m) {
					var count = parseInt($(this).find(".li_acount").html());
					count = parseInt(num);
					$(this).find(".li_acount").html(count); //对商品的数量进行重新赋值
					$(this).find(".accountPrice").html((count * price).toFixed(2));//对商品的价格进行重新赋值
					flag = true;
					return false;
				} else {
					flag = false;
				}
			})
		}
		//如果为默认值也就是说里面没有此商品，所以添加此商品。
		if (flag == false) {
			var addtr = '<li class="food">';
			addtr += '<div><span class="accountName">' + m + '</span></div>';
			addtr += '<div><span>￥</span><span class="accountPrice">' + sum + '</span></div>';
			addtr += '<div class="btn">';
			addtr += '<button class="ms2" style="display: inline-block;"></button><i class="li_acount">' + acount + '</i><button class="ad2"></button><i class="price" style="display: none;">' + price + '</i>';
			addtr += '</div>';
			addtr += '</li>';
			$(".list-content ul").append(addtr);
		}

	});

	$(".minus").click(function () {
		$('.shopcart-list,.up1').show();
	});

	//购物车 - 加
	$(document).on('click', '.ad2', function () {
		var n = parseInt($(this).prev().text()) + 1;
		$(this).prev().text(n);    //当前商品数量+1
		e.text(n);    //赋值给商品列表的数量
		var p = parseFloat($(this).next().text());    //隐藏的价格
		$(this).parent().prev().children("span.accountPrice").text((p * n).toFixed(2));  //计算该商品规格的总价值

		$("#totalcountshow").text(parseFloat($("#totalcountshow").text()) + 1);   //总数量＋1
		$("#totalpriceshow").text((parseFloat($("#totalpriceshow").text()) + p).toFixed(2));   //总价加上该商品价格
	});

	//购物车 - 减
	$('.list-content').on('click', '.ms2', function () {
		var e;
		var m = $(this).parent().parent().find(".accountName").text();  //当前商品名字
		var a = parseFloat($(this).siblings(".price").text());  //当前商品单价
		var n = parseInt($(this).next().text()) - 1;  //当前商品数量
		var s = parseFloat($("#totalpriceshow").text());  //总金额
		var znum = 0;

		$(".list-content ul li").each(function () {
			znum = znum + parseInt($(this).find('.li_acount').text());
		})
		znum = znum - 1;

		console.log(m);
		$('.right-con ul li').each(function () {
			console.log(11111);
			if (m == $(this).find('h4').text()) {
				console.log(2222);
				e = $(this).find('.add').prev();
			}
		})
		if (n == 0) {
			$(this).parent().parent().remove();

			e.css("display", "none");
			e.prev().css("display", "none")

			if (znum == 0) {
				$(".up1").hide();
			}
		}
		$(this).next().text(n);
		e.text(n);    //赋值给商品列表的数量
		$(this).parent().prev().children("span:nth-child(2)").text((a * n).toFixed(2));

		$("#totalcountshow").text(parseInt($("#totalcountshow").text()) - 1);
		$("#totalpriceshow").text((s - a).toFixed(2));
		if (parseFloat($("#totalcountshow").text()) == 0) {
			$(".shopcart-list").hide();
		}
	});

	function jss() {
		var m = $("#totalcountshow").html();
		if (m > 0) {
			$(".right").find("a").removeClass("disable");
		} else {
			$(".right").find("a").addClass("disable");
		}
	};

	//选项卡
	$(".con>div").hide();
	$(".con>div:eq(0)").show();
	$(".left-menu li").click(function () {
		$(this).addClass("active").siblings().removeClass("active");
		var n = $(".left-menu li").index(this);
		$(".left-menu li").index(this);
		$(".con>div").hide();
		$(".con>div:eq(" + n + ")").show();
	});


	$(".footer>.left").click(function () {
		var content = $(".list-content>ul").html();
		if (content != "") {
			$(".shopcart-list.fold-transition").toggle();
			$(".up1").toggle();
		}
	});

	$(".up1").click(function () {
		$(".up1").hide();
		$(".shopcart-list.fold-transition").hide();
	})

	//清空购物车
	$(".empty").click(function () {
		$(".list-content>ul").html("");
		$("#totalcountshow").text("0");
		$("#totalpriceshow").text("0");
		$(".minus").next().text("0");
		$(".minus").hide();
		$(".minus").next().hide();
		$(".shopcart-list").hide();
		$(".up1").hide();
		jss();//改变按钮样式
	});

	// 结算按钮
	$("#btnselect").click(function () {
		var m = $("#totalcountshow").html();
		let biz = {
			cost: 0,
			goodsName: '',
			count: 0
		}
		if (m > 0) {
			$(".list-content ul li").each(function () {
				let goodsName = $(this).find("span.accountName").html()
				let goodsTotalPrice = +$(this).find("span.accountPrice").html()
				let goodsAccount = +$(this).find("i.li_acount").html()

				biz.count += goodsAccount
				biz.cost += goodsTotalPrice
				biz.goodsName += `${goodsName}* ${goodsAccount}根  `
			})
			$.ajax({
				type: 'post',
				url: './createOrder',
				data: {
					payName: (Math.random() + '').slice(3, 7),
					goodsName: biz.goodsName,
					count: biz.count,
					cost: biz.cost,
				},
				// 服务器向支付宝请求订单后，返回的是一个form表单，需要插入到浏览器中进行自动跳转
				success: function (res) {
					console.log($(res));
					$('body').append($(res));
				}
			})
		} else {
			console.log('没点餐');
		}
	})
});
